<template>
<div>
  <div v-for="(item,index) in dataObj" :key="index">
      <div v-if="isObject(item)">
        <json-tree :dataObj="item"  />
      </div>
      <div v-else>
         {{item}}
      </div>
    </div>
</div>
</template>

<script>
export default {
   name: 'JsonTree',
   props: {
       dataObj: [Object,Array]
   },
   data() {
       return {

       }
   },
   methods: {
    isObject(arr){ 
        return arr instanceof Object ||  arr instanceof Array; 
     },
   }
   
}
</script>

<style>

</style>